<template>
  <div class="noInterview">
    <div class="noInterview-header">
      <div class="noInterview-header-left" @click="goBack">
        <i class="el-icon-arrow-left"></i>
        <span>返回</span>
      </div>
    </div>
    <!-- <tab :options="options" :type="type" @handleClick="handleClick"></tab> -->
    <div class="noInterview-content">
      <div class="content-title">
        <div class="content-title-left">
          <!-- <span>{{title}}</span> -->
          <span>异常记录数</span>
          <span>({{total}})</span>
        </div>
        <div class="content-title-right">
          <div class="export-btn" @click="exportData(type)">
            <img src="../../../assets/img/export.png" alt="">
            <span>导出</span>
          </div>
        </div>
      </div>
      <ul class="checkTab">
		  <template v-for="item in options">
			  <el-badge :value="item.totalnum" :hidden="item.totalnum == 0" :max="99" class="item">
			  	<li :key="item.val" v-html="item.name" :class="{'active': type === item.val}" @click="handleClick(item)"></li>
			  </el-badge>	
		  </template>
      </ul>
      <break-appoint v-if="type === '1'" :totalNum.sync="options[0].totalnum" :companyid="companyid"></break-appoint>
      <reexamine v-else-if="type === '2'" :totalNum.sync="options[1].totalnum" :companyid="companyid"></reexamine>
      <employ v-else-if="type === '3'" :totalNum.sync="options[2].totalnum" :companyid="companyid"></employ>
      <entry v-else-if="type === '4'" :totalNum.sync="options[3].totalnum" :companyid="companyid"></entry>
      <dimission v-else :totalNum.sync="options[4].totalnum" :companyid="companyid"></dimission>
    </div>
  </div>
</template>

<script src="./index.js"></script>

<style scoped src="./index.css"></style>

